<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>api列表</title>
    <!-- 重置样式 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- swiper样式 -->
    <link rel="stylesheet" href="../lib/swiper/swiper-bundle.min.css">
    <!-- 页面样式 -->
    <link rel="stylesheet" href="../css/apiList.css">
</head>

<body>
    <!-- 头部 -->
    <div class="head clearfix pl25 pr25">
        <h1 class="head-logo fl pt10">
            <a href="#">
                <img src="../images/new-logo-white2.png" alt="">
            </a>
        </h1>

        <ul class="head-nav  clearfix">
            <li>
                <a href="./home.html">首页</a>
            </li>
            <li class="active">
                <a class="act" href="#">API</a>
            </li>
            <li>
                <a href="#">云服务</a>
            </li>
            <li>
                <a href="./case.html">案例</a>
            </li>
            <li>
                <a href="#">开发者</a>
            </li>
        </ul>

        <div class="head-login fr pt20 clearfix">
            <a class="login" href="./login.html">登录</a>
            <a class="register" href="./register.html">注册有礼</a>
        </div>
    </div>
    <!-- api列表 -->
    <div class="api">
        <div class="container">
            <div class="api-top">
                <h2 class="mb25">API分类</h2>
                <div class="top-btn">
                </div>
                <div class="top-inp">
                    <span id="txt">全部</span>
                    <span class="inp-input">
                        <input type="text" id="" placeholder="身份证实名">
                        <input class="inp-img" type="button">
                    </span>
                    
                </div>
            </div>
            <div class="api-bottom">
                <ul class="api-bottom-list clearfix">
                    
                </ul>
                <p>
                    <a class="on" href="#">1</a>
                    <a href="#">2</a>
                    <a href="#">3</a>
                    <a href="#">4</a>
                    <a href="#">5</a>
                    <a href="#">6</a>
                    <a href="#">7</a>
                    <a href="#">8</a>
                    <a href="#">......</a>
                    <a class="active" href="#">下一页 > </a>
                </p>
            </div>
        </div>

    </div>

    <!-- 尾部 -->
    <div class="foot">
        <div class="container">
            <ul class="foot-top clearfix">
                <li>
                    <p><a class="fs12" href="#">联系与支持</a></p>
                    <a class="fs10 c666 mb15" href="#">400-882-7715</a>
                    <a class="fs10 c666 mb15" href="#">售前咨询</a>
                    <a class="fs10 c666 mb15" href="#">客服&售后</a>
                    <a class="fs10 c666 mb15" href="#">常见问题</a>
                    <a class="fs10 c666 mb15" href="#">极速工单</a>
                    <a class="fs10 c666 mb15" href="#">投诉与建议</a>
                </li>
                <li>
                    <p><a class="fs12" href="#">关于源码</a></p>
                    <a class="fs10 c666 mb15" href="#">合作伙伴</a>
                    <a class="fs10 c666 mb15" href="#">服务条款</a>
                    <a class="fs10 c666 mb15" href="#">隐私政策</a>
                    <a class="fs10 c666 mb15" href="#">市场合作</a>
                    <a class="fs10 c666 mb15" href="#">反商业贿赂声明</a>
                </li>
                <li>
                    <p><a class="fs12" href="#">快速入口</a></p>
                    <a class="fs10 c666 mb15" href="#">API数据</a>
                    <a class="fs10 c666 mb15" href="#">黑钻会员</a>
                    <a class="fs10 c666 mb15" href="#">新闻动态</a>
                    <a class="fs10 c666 mb15" href="#">联系我们</a>
                    <a class="fs10 c666 mb15" href="#">加入我们</a>
                </li>
                <li>
                    <p><a class="fs12" href="#">产品服务</a></p>
                    <a class="fs10 c666 mb15" href="#">云监测</a>
                    <a class="fs10 c666 mb15" href="#">云查询</a>
                    <a class="fs10 c666 mb15" href="#">云助手</a>
                    <a class="fs10 c666 mb15" href="#">聚盒子</a>
                    <a class="fs10 c666 mb15" href="#">云充值</a>
                </li>
                <li>
                    <p><a class="fs12" href="#">解决方案</a></p>
                    <a class="fs10 c666 mb15" href="#">数字中台</a>
                    <a class="fs10 c666 mb15" href="#">慧集：API生命周期管理</a>
                    <a class="fs10 c666 mb15" href="#">有赢：助力企业营销</a>
                </li>
                <li>
                    <p><a class="fs16" href="#">微信公众号</a></p>
                    <a class="fs12 c666" href="#">源码时代</a>
                    <img class="mt25" src="../images/wechat-white.png" alt="">
                </li>
            </ul>
            <div class="foot-bottom clearfix">
                <a class="ml5" href="#">
                    <img src="../images/bei1.png" alt="">
                </a>
                <a class="ml5" href="#">
                    <img src="../images/bei2.png" alt="">
                </a>
                <a class="ml5" href="#">
                    增值电信业务经营许可证：蜀B2-20180596&emsp;蜀ICP备15006450号-3&emsp;营业执照
                </a>
                <a class="fr" href="#">
                    源码大数据股份有限公司©版权所有
                </a>
            </div>
        </div>
    </div>
    <!-- 登录的模态框 -->
    <div id="mask" class="mask">
        <div id="content" class="content">
            <a href="./home.html"></a><img class="logo" src="../images/new-logo-white2.png" alt="">
            <p class="choose">
                <a id="account" class="active">账号登录</a>
                <a id="saoMa">扫码登录</a>
                <span class="decoration"></span>
            </p>
            <div class="inp">
                <span class="user-img"></span>
                <input id="user" class="user" type="text" placeholder="用户名/手机号/邮箱">
                <img id="userClear" class="userClear" src="../images/clearInput.png" alt="">
                <span id="userTips" class="userTips"></span>
                <span class="pwd-img"></span>
                <input id="pwd" class="pwd" type="password" placeholder="密码">
                <img id="pwdClear" class="pwdClear" src="../images/clearInput.png" alt="">
                <span id="pwdTips" class="pwdTips"></span>
                <p class="forget">
                    <a href="#">忘记密码</a>
                </p>
                <button id="loginBtn" class="loginBtn">登录</button>
                <p class="post">还没有源码账号,<a href="./register.html">立即注册</a><span class="img"></span></p>
            </div>
            <div class="qR">
                <div class="cont">
                    <img src="../images/showqrcode.jpg" alt="">
                    <p class="fs12 mt15 mb15">扫码登录</p>
                    <p class="fs14">未关注源码科技公众号，请先关注后再登录</p>
                </div>
                <p class="post">还没有源码账号,<a href="./register.html">立即注册</a><span class="img"></span></p>
            </div>
        </div>
    </div>



    <!-- swiperjs -->
    <script src="../lib/swiper/swiper-bundle.min.js"></script>
    <!-- 页面js -->
    <script src="../js/apiList.js"></script>
</body>

</html>